<template>
  <div>
    <div>
      <!-- 路由出口 -->
      <router-view />
      <!-- <LtsPlaying></LtsPlaying> -->
    </div>

    <!-- 底部导航栏 -->
    <div class="bottom-nav">
      <div @click="$router.push('/home/BuyTickets')">热映</div>
      <div @click="$router.push('/home/Cinema')">影院</div>
      <div @click="$router.push('/home/my')">我的</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import LtsPlaying from './app/HotScreen/LtsPlaying.vue';
</script>

<style scoped>
.bottom-nav{
  /* 在页面底部 */
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: #00f;
  
  display: flex;
  justify-content: space-around;
}</style>